@import "variables";

$table-border: 1px solid $table-border-color;

.table {
  width: 100%;
  background-color: #fff;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: $border-radius;

  tr:first-child {
    td:first-child {
      border-top-left-radius: $border-radius;
    }

    td:last-child {
      border-top-right-radius: $border-radius;
    }

    td {
      background-color: $bg-secondary;
      font-weight: normal;
      color: $color-text-tertiary;
      text-align: center;
    }
  }

  tr:last-child {
    td:first-child {
      border-bottom-left-radius: $border-radius;
    }

    td:last-child {
      border-bottom-right-radius: $border-radius;
    }

    td {
      border-bottom: $table-border;
    }
  }


  tr {
    height: 36px;
  }

  td {
    border-top: $table-border;
    border-left: $table-border;
  }

  td:last-child {
    border-right: $table-border;
  }
}
